<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Detail 2+3</title>
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>

<script src="js/jquery.hashchange.min.js" type="text/javascript"></script>
<script src="js/jquery.easytabs.min.js" type="text/javascript"></script>
<script src="js/jquery.easytabs.js" type="text/javascript"></script>
<link href="css/style.css" rel="stylesheet" type="text/css" />

<style>
/* Example Styles for Demo */
.form_detail {
	margin: 8px auto;
	width: 98%;
	padding-bottom: 20px;
	border: 1px solid #a8adb1;
	border-radius: 2px;
	background: #efefef;
}

h3.title_detail {
	color: #6f9f15;
	font-size: 18px;
	text-align: left;
	line-height: 30px;
	width: 98%;
	margin-top: 6px;
	padding-left: 18px;
}

#tabs1-js .right_tool {
	float: right;
	margin-top: -45px;
	width: 20%;
	margin-right: -24px;
}

#tabs1-html .right_tool {
	float: right;
	margin-top: -45px;
	width: 12%;
	margin-right: -24px;
}

.etabs {
	margin: 0;
	padding: 0;
}

.tab {
	display: inline-block;
	zoom: 1;
	*display: inline;
	background: #eee;
	border: solid 1px #999;
	border-bottom: none;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
}

.tab a {
	font-size: 14px;
	line-height: 2em;
	display: block;
	padding: 0 10px;
	outline: none;
}

.tab a:hover {
	text-decoration: underline;
}

.tab.active {
	background: #fff;
	padding-top: 6px;
	position: relative;
	top: 1px;
	border-color: #666;
}

.tab a.active {
	font-weight: bold;
}

.tab-container .panel-container {
	background: #fff;
	border: solid #666 1px;
	padding: 10px;
	-moz-border-radius: 0 4px 4px 4px;
	-webkit-border-radius: 0 4px 4px 4px;
}

.panel-container {
	margin-bottom: 10px;
}

.tab-container {
	width: 900px;
	margin: 20px auto;
	padding: 0;
	background: #efefef;
	border-radius: 2px;
}
</style>

<script type="text/javascript">
	$(document).ready(function() {
		$('#tab-container').easytabs();
	});
</script>
</head>
<body>




	<div id="tab-container" class='tab-container'>
		<h3 class="title_detail">Premise Details</h3>
		<ul class='etabs'>
			<li class='tab'><a href="#tabs1-html">Detail 2</a></li>
			<li class='tab'><a href="#tabs1-js">Detail 3</a></li>

		</ul>
		<div class='panel-container'>
			<div id="tabs1-html">
				<div class="right_tool">
					<input type="button" name="button" value="save" /> <input
						type="button" name="button" value="Back" />
				</div>
				<div class="border_tab">
					<div class="form_detail">
						<form action="" method="POST">
							<table border="0" cellspacing="0" cellpadding="3"
								class="table_form">
								<tr>
									<td>Accreditations</td>
									<td>
										<div class="checkbox_multiple">
											<ul>
												<li><input type="checkbox" name="checklist[]"
													id="checklist[]" value="iso1"> <label>Two
														Ticks</label></li>
												<li><input type="checkbox" name="checklist[]"
													id="checklist[]" value="iso1"> <label>Two
														Ticks</label></li>
												<li><input type="checkbox" name="checklist[]"
													id="checklist[]" value="iso1"> <label>Two
														Ticks</label></li>
												<li><input type="checkbox" name="checklist[]"
													id="checklist[]" value="iso1"> <label>Two
														Ticks</label></li>
												<li><input type="checkbox" name="checklist[]"
													id="checklist[]" value="iso1"> <label>Two
														Ticks</label></li>
												<li><input type="checkbox" name="checklist[]"
													id="checklist[]" value="iso1"> <label>Two
														Ticks</label></li>
												<li><input type="checkbox" name="checklist[]"
													id="checklist[]" value="iso1"> <label>Two
														Ticks</label></li>
												<li><input type="checkbox" name="checklist[]"
													id="checklist[]" value="iso1"> <label>Two
														Ticks</label></li>
											</ul>
										</div>
									</td>
								</tr>
								<tr>
									<td>Media contact</td>
									<td><input type="checkbox" name="checkone" value=""></td>
								</tr>
								<tr>
									<td>Media contact name</td>
									<td><input type="text" name="txt_name" value=""> <input
										type="button" name="button" value="Lookup" class="hidden">
									</td>
								</tr>
								<tr>
									<td>Local Demographic Issues</td>
									<td>
										<div class="checkbox_multiple">
											<ul>
												<li><input type="checkbox" name="checklist[]"
													id="checklist[]" value="iso1"> <label>Two
														Rural</label></li>
												<li><input type="checkbox" name="checklist[]"
													id="checklist[]" value="iso1"> <label>Two
														Rural</label></li>
											</ul>
										</div>
									</td>
								</tr>
								<tr>
									<td>Local Demographic Notes</td>
									<td><textarea name="text" rows="5" cols="35"
											style="margin: 0px; width: 266px; height: 63px;"> </textarea>
									</td>
								</tr>
							</table>
							<table class="table_form2" border="0" cellspacing="0"
								cellpadding="3">
								<tr>
									<td>JCP Offices</td>
									<td>
										<div class="checkbox_multiple">
											<ul>
												<li><input type="checkbox" name="checklist[]"
													id="checklist[]" value="iso1"></li>
												<li><input type="checkbox" name="checklist[]"
													id="checklist[]" value="iso1"></li>
											</ul>
										</div>
									</td>
								</tr>
								<tr>
									<td>Catering Facilities</td>
									<td><input type="checkbox" name="checkone" value=""></td>
								</tr>
								<tr>
									<td>Catering contact</td>
									<td><input type="text" name="txt_name" value=""> <input
										type="button" name="button" value="Lookup" class="hidden">
									</td>
								</tr>
								<tr>
									<td>Catering Type</td>
									<td><select name="name_select" id="name_select"
										class="selected">
											<option name="value1" value="1">type1</option>
											<option name="value1" value="2">type2</option>
											<option name="value1" value="3">type3</option>
									</select></td>
								</tr>
								<tr>
									<td>IS/Network</td>
									<td><select name="name_select" id="name_select"
										class="selected">
											<option name="value1" value="1">type1</option>
											<option name="value1" value="2">type2</option>
											<option name="value1" value="3">type3</option>
									</select></td>
								</tr>
								<tr>
									<td>Client IT Facilities</td>
									<td><input type="checkbox" name="checkone" value=""></td>
								</tr>
								<tr>
									<td>Client IT Facilities Details</td>
									<td><textarea name="text" rows="3" cols="34"
											class="facilities"> </textarea></td>
								</tr>
								<tr>
									<td>Room Availability</td>
									<td><input type="checkbox" name="checkone" value=""></td>
								</tr>
								<tr>
									<td>Volunteering Opportunities</td>
									<td><input type="checkbox" name="checkone" value=""></td>
								</tr>
							</table>
						</form>
					</div>
				</div>
			</div>
			<div id="tabs1-js">
				<div class="right_tool">
					<input type="button" name="button" value="in-active"
						class="opacity" /> <input type="button" name="button"
						value="save" class="opacity" /> <input type="button"
						name="button" value="Back" />
				</div>
				<div class="border_tab">
					<div class="form_detail">
						<form action="" method="POST" class="form2_list">
							<table class="table_form" border="0" cellspacing="0"
								cellpadding="3">
								<tr>
									<td>Outreach Location</td>
									<td>
										<div class="checkbox_multiple">
											<ul>
												<li><input type="checkbox" name="checklist[]"
													id="checklist[]" value="iso1"></li>
												<li><input type="checkbox" name="checklist[]"
													id="checklist[]" value="iso1"></li>
											</ul>
										</div>
									</td>

								</tr>
								<tr>
									<td>Travel Details</td>
									<td><input type="text" name="txt_travel" value=""></td>
								</tr>
								<tr>
									<td>Travel Nearest - Bus</td>
									<td><input type="text" name="txt_travel" value=""></td>
								</tr>
								<tr>
									<td>Travel Details - Rail</td>
									<td><input type="text" name="txt_travel" value=""></td>
								</tr>
								<tr>
									<td>Travel Details - Airport</td>
									<td><input type="text" name="txt_travel" value=""></td>
								</tr>
								<tr>
									<td>Host Visits</td>
									<td><input type="checkbox" name="checkone" value=""></td>
								</tr>
								<tr>
									<td>Media contact name</td>
									<td><input type="text" name="txt_name" value=""
										class="text_look"> <input type="button" name="button"
										value="Lookup" class="hidden"></td>
								</tr>
							</table>
							<table class="table_form3" border="0" cellspacing="0"
								cellpadding="3">
								<tr>
									<td>Location Hotels</td>
									<td>
										<div class="checkbox_multiple">
											<ul>
												<li><input type="checkbox" name="checklist[]"
													id="checklist[]" value="iso1"> <label>Two
														Rural</label></li>
												<li><input type="checkbox" name="checklist[]"
													id="checklist[]" value="iso1"> <label>Two
														Rural</label></li>
											</ul>
										</div>
									</td>
								</tr>
								<tr>
									<td>Visitor Parking Onsite</td>
									<td><input type="checkbox" name="checkone" value=""></td>
								</tr>
								<tr>
									<td>Visitor Parking Spaces</td>
									<td><input type="text" name="txt_name" value="0"></td>
								</tr>
								<tr>
									<td>Visitor Parking Alternative</td>
									<td><textarea name="text" rows="4" cols="35"> </textarea>
									</td>
								</tr>
							</table>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>



</body>
</html>
